<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="../../../framework/lib/common.css" rel="stylesheet">
    <link href="//cdn.bootcss.com/element-ui/1.4.0/theme-default/index.css" rel="stylesheet">
    <link href="manager.css" rel="stylesheet">
</head>
<body>
<div id="app">
    <el-row class="tac">
        <el-col :span="4" :offset="1">
            <el-button-group>
                <el-button type="primary" @click="editMenu(root.activeIndex)">
                    <i class="iconfont icon-edit"></i>
                </el-button>
                <el-button type="primary" @click="addMenu('node')">
                    <i class="iconfont icon-jia"></i>
                </el-button>
                <el-button type="primary" @click="deleteMenu(root.activeIndex)">
                    <i class="iconfont icon-shanchu"></i>
                </el-button>
            </el-button-group>
            <el-menu unique-opened="true" theme="light" class="el-menu-vertical-demo"
                     @select="function(a,b){handleSelect(a,b,root)}">
                <el-menu-item v-for="(item, index) in root.data" :index="item.code" :id="item.code">
                    <template slot="title">
                        <i class="iconfont" :class="item.icon"></i>
                        {{item.title}}
                    </template>
                </el-menu-item>
            </el-menu>
        </el-col>
        <el-col :span="4" :offset="1">
            <el-button-group>
                <el-button type="primary"  @click="editMenu(one.activeIndex)">
                    <i class="iconfont icon-edit"></i>
                </el-button>
                <el-button type="primary"  @click="addMenu(root.activeIndex)">
                    <i class="iconfont icon-jia"></i>
                </el-button>
                <el-button type="primary" @click="deleteMenu(one.activeIndex)">
                    <i class="iconfont icon-shanchu"></i>
                </el-button>
            </el-button-group>
            <el-menu unique-opened="true" theme="dark" class="el-menu-vertical-demo"
                     @select="function(a,b){handleSelect(a,b,one)}">
                <el-menu-item v-for="(itemOne, index) in one.data" :index="itemOne.code" :id="itemOne.code">
                    <template slot="title">
                        <i class="iconfont" :class="itemOne.icon"></i>
                        {{itemOne.title}}
                    </template>

                </el-menu-item>
            </el-menu>
        </el-col>
        <el-col :span="4" :offset="1">
            <el-button-group>
                <el-button type="primary"  @click="editMenu(two.activeIndex)">
                    <i class="iconfont icon-edit"></i>
                </el-button>
                <el-button type="primary"  @click="addMenu(one.activeIndex)">
                    <i class="iconfont icon-jia"></i>
                </el-button>
                <el-button type="primary" @click="deleteMenu(two.activeIndex)">
                    <i class="iconfont icon-shanchu"></i>
                </el-button>
            </el-button-group>
            <el-menu unique-opened="true" theme="light" class="el-menu-vertical-demo" @select="function(a,b){handleSelect(a,b,two)}">
                <el-menu-item v-for="(itemTwo, index) in two.data" :index="itemTwo.code" :id="itemTwo.code">
                    <template slot="title">
                        <i class="iconfont" :class="itemTwo.icon"></i>
                        {{itemTwo.title}}
                    </template>

                </el-menu-item>
            </el-menu>
        </el-col>
        <el-col :span="4" :offset="1">
            <el-button-group>
                <el-button type="primary"  @click="editMenu(three.activeIndex);console.log(three.activeIndex)">
                    <i class="iconfont icon-edit"></i>
                </el-button>
                <el-button type="primary"  @click="addMenu(two.activeIndex);console.log(two.activeIndex)">
                    <i class="iconfont icon-jia"></i>
                </el-button>
                <el-button type="primary" @click="deleteMenu(three.activeIndex)">
                    <i class="iconfont icon-shanchu"></i>
                </el-button>
            </el-button-group>
            <el-menu unique-opened="true" theme="dark" class="el-menu-vertical-demo" @select="function(a,b){handleSelect(a,b,three)}">
                <el-menu-item v-for="(itemThree, index) in three.data" :index="itemThree.code" :id="itemThree.code">
                    <template slot="title">
                        <i class="iconfont" :class="itemThree.icon"></i>
                        {{itemThree.title}}
                    </template>
                </el-menu-item>
            </el-menu>
        </el-col>
    </el-row>
    <el-dialog :title="menuInfo.dialogTitle" :visible.sync="dialogVisible"  :show-close="false">
        <iframe :src="menuInfo.dialogSrc" :style="menuInfo.iframeStyle"  frameborder="none">
        </iframe>
    </el-dialog>
</div>
<script src="//cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.16.2/axios.min.js"></script>
<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/element-ui/1.4.0/index.js"></script>
<script src="../../sytem.config.js"></script>
<script src="manager.js"></script>
</body>
</html>